<template>
  <div>
    <span v-for="(item, index) in nav" :key="index">
      <span :style="{ color: index == nav.length - 1 ? '#33336e' : '#999999' }">{{ item.name }}</span>
      <span v-show="index < nav.length - 1">/</span>
    </span>
  </div>
</template>

<script>
export default {
  props: ["nav"],
  data() {
    return {

    }
  }
}
</script>
 
<style lang = "less" scoped>
</style>